<!-- 分类 -->
<template>
	<view class="category-box">
		<view class="shop-list">
			<view class="shop-list-item">
				<view class="shop-item-top">
					<view class="item-top-left">
					  <image :src="store.store.image_first" mode="aspectFill" class="item-top-img"></image>
					  <text class="item-top-name">{{store.store.name}}</text>
					</view>
					<view class="item-top-right">
						{{store.createtime_str}}
					</view>
				</view>
				<view class="shop-item-box">
					<view class="item-box-title">{{store.title}}</view>
					<view class="item-box-desc">{{store.subtitle}}</view>
					<view class="item-box-tu">
						<image :src="$IMG_URL+item" mode="aspectFill" class="item-img" v-for="(item,index) in store.images_arr" :key="index"></image>
					</view>
					<view class="item-box-desc" v-html="store.content"></view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			store:{}
		};
	},
	computed: {
	},
	onLoad(option) {
		this.getStoreDetail(option.id)
	},
	methods: {
		getStoreDetail(id) {
			let that = this;
			that.$https('store.storedetailNew', {id:id}, '加载中...').then(res => {
				if (res.code == 1) {
					that.store = res.data;
				}
			});
		},
	}
};
</script>

<style lang="scss">
.category-box {
	background: #FFFFFF;
	height: 100vh;
	.shop-list-item{
		padding: 30rpx;
		.shop-item-top{
			display: flex;justify-content: space-between;
			align-items: center;
			.item-top-left{
				display: flex;
				align-items: center;
				.item-top-img{
					width: 90rpx;
					height: 90rpx;
					border-radius: 50%;
				}
				.item-top-name{
					font-size: 36rpx;
					font-family: PingFangSC-Medium, PingFang SC;
					font-weight: 550;
					color: #010101;
					margin-left: 10rpx;
				}
			}
			.item-top-right{
				font-size: 30rpx;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: #8E8E8E;
			}
		}
		.shop-item-box{
			.item-box-title{
				font-size: 36rpx;
				font-family: PingFangSC-Medium, PingFang SC;
				font-weight: 550;
				color: #010101;
				line-height: 48rpx;
				margin-top: 30rpx;
				margin-bottom: 10rpx;
			}
			.item-box-desc{
				font-size: 28rpx;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: #8E8E8E;
				
			}
			.item-box-tu{
				margin: 30rpx 0;
				width: 100%;
				height: 300rpx;
				.item-img{
					width: 100%;
					height: 300rpx;
				}
			}
		}
	}
}
</style>
